<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <style>
        body {
            padding: 0px;
            margin: 0px;
        }
        a:hover {
            color: red;
        }

    </style>
</head>
<body>
    <div style="height: 100px">
        <div style="margin-left: 350px;margin-top: 25px;display: inline-block">
            <img src="img/2.png" alt="图片显示错误" title="淘宝网">
        </div>
        <div style="position: absolute;border: 0.5px solid #FFB4A8;background-color: #FEF2F2;width: 900px;text-align: center;height: 30px;left: 560px;top: 25px">
            <font size="1px" style="line-height: 30px" color="gray">为确保您账户的安全及正常使用，依《网络安全法》相关要求，6月1日起会员账户需绑定手机。如您还未绑定，请尽快完成，感谢您的理解及支持！</font>
        </div>
        <div style="position: absolute;right: 350px">
            <img src="img/3.png" alt="图片显示错误" width="15" height="15">
            <a href="" style="text-decoration: none"><font size="1px" >"登录页面"改进建议</font></a>
        </div>
    </div>
    <div style="background-image:url(img/1.jpg);width: 100%;height: 600px;background-position: center center;">
        <a href="" style="position: absolute;width: 630px;height: 440px;left: 350px;top: 150px;"></a>
        <div style="background-color: #E9E9F2;width: 300px;padding: 25px 25px 23px;position: absolute;right: 430px;bottom: 330px">
            <div style="width: 300px;height: 50px">
                <font size="3"><b>密码登录</b></font>
            </div>
            <div style="height: 65px">
                <img src="img/4.png" alt="图片显示错误" style="float: left" width="37" height="38">
                <input type="text" name="zhanghao" style="height: 32px;width:240px ;float: left">
            </div>
            <div style="height: 65px">
                <img src="img/5.png" alt="图片显示错误" style="float: left" width="37" height="38">
                <input type="password" name="zhanghao" style="height: 32px ;width:240px;">
            </div>
            <a href="" style="text-decoration: none">
                <div style="width: 275px;height: 35px;border: solid #FF4400;background-color: #FF4400;text-align: center">
                    <font color="white" style="line-height:35px;"><b>登 录</b></font>
                </div>
            </a>
            <ul style="margin-top: 30px">
                <li style="display: inline-block">
                    <a href="" style="text-decoration: none;position: absolute;left: 23px">
                        <img src="img/6.png" alt="图片显示错误" width="18px" height="18px" style="float: left;">
                        <font size="2px"style="float: left">微信登录</font>
                    </a>
                    <a href="" style="text-decoration: none;position: relative;left: 46px">
                        <img src="img/7.png" alt="图片显示错误" width="18px" height="18px" style="float: left">
                        <font size="2px"style="float: left">支付宝登录</font>
                    </a>
                </li>
            </ul>
            <div style="margin-left: 80px">
                <a href="" style="text-decoration: none;margin-right: 10px"><font size="2px">忘记密码</font></a>
                <a href="" style="text-decoration: none;margin-right: 10px"><font size="2px">忘记会员名</font></a>
                <a href="" style="text-decoration: none;margin-right: 10px"><font size="2px">免费注册</font></a>
            </div>
        </div>

    </div>
</body>
</html>